<template>
  <div class="sdy-category">
    <SdyHeader title="啥都有 ~ 分类页" back>asdasd</SdyHeader>
    <div class="slide">
      <van-sidebar v-model="index">
        <van-sidebar-item v-for="item in 30" :title="'名称' + item" />
      </van-sidebar>
    </div>
    <div class="content">
      真实内容
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
// 准备一个数据, 表示当前触发的导航
const index = ref<number>(0)
</script>

<style scoped lang="scss">
.sdy-category {
  display: flex;
  height: 100%;

  > .slide {
    height: 100%;
    overflow-y: auto;

    &::-webkit-scrollbar {
      width: 0;
    }
  }
}

</style>
